ul,ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.btn-primary {
    color: #fff;
    border: 1px solid #00c1de;
    background-color: #00c1de;
}

.btn-primary:hover {
    border: 1px solid #33cde5;
    background-color: #33cde5;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.viewFramework-product {
    background: #eaedf1;
}

.home-box-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.home-colon {
    padding: 0 2px;
}

.home-account-owed {
    padding: 2px 5px;
    border-radius: 3px;
    background: #F15564;
    color: #fff;
}

.home-cursor-pointer {
    cursor: pointer;
}

.home-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home-transition {
    -o-transition: all 0.2s, 0.2s;
    -ms-transition: all 0.2s, 0.2s;
    -moz-transition: all 0.2s, 0.2s;
    -webkit-transition: all 0.2s, 0.2s;
}

.console-guide-dialog .carousel-inner {
    width: 800px !important;
    height: 400px !important;
}

.home-gap {
    height: 12px;
    width: 1px;
    display: inline-block;
    background: #d3d3d3;
    margin: 1px 24px;
    vertical-align: text-bottom;
}

.home-section-wrap {
    margin: 16px 8px;
}

.home-section-lego * {
    box-sizing: content-box;
}

.home-section-user,.home-section-topic {
    height: 180px;
}

.home-section-notice,.home-section-user,.home-section-topic,.home-section-trends,.home-section-product,.home-section-situation,.home-section-account {
    background: #fff;
}

.home-head {
    height: 120px;
    line-height: 120px;
    background-color: #ffffff;
    margin-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
}

.home-head-open-title{
    height: 120px;
    margin: 0;
    padding-left: 8%;
    padding-right: 8%;
    width: 100%;
}
.title-noticeTitle{
    font-family: "Microsoft YaHei";
    color: #333333;
    text-align: center;
}
.title-noticeTitle .webname {
    font-size: 26px;
}

.home-section-left {
    padding-right: 336px;
}

.home-section-right {
    width: 336px;
    position: absolute;
    top: 0;
    right: 0;
}

.home-section-notice {
    height: 30px;
    position: relative;
}

.home-section-notice .notice-title {
    line-height: 30px;
    margin-left: 32px;
    margin-right: 8px;
    font-weight: 600;
}

.home-section-notice .notice-netcn {
    width: 336px;
    position: absolute;
    right: 0;
    top: 0;
}

.home-section-notice .notice-netcn .notice-netcn-title {
    vertical-align: top;
    font-weight: 600;
}

.home-section-notice .notice-netcn:hover .notice-netcn-quickview {
    display: none;
}

.home-section-notice .notice-netcn:hover .group-title {
    border-top: 1px solid #f9fafb !important;
}

.home-section-notice .notice-netcn .notice-netcn-quickview {
    width: 220px;
    display: inline-block;
}

.home-section-notice .notice-netcn .notice-netcn-extra {
    background: #f2f2f2;
}

.home-section-notice .notice-netcn .notice-netcn-extra a {
    display: inline;
}

.home-section-main {
    margin: 0 8px;
    position: relative;
}

.home-section-main-hide-bussiness .home-section-left {
    padding-right: 0;
}

.home-section-topic {
    min-width: 320px;
}

.home-section-topic body {
    margin: 0;
}

.home-section-product .product-container .product-section {
    overflow: hidden;
    position: relative;
}

.home-section-product .product-container .product-section .section-head {
    margin: 0 16px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eaedf1;
}

.home-section-product .product-container .product-section .section-head a {
    color: #333;
}

.home-section-product .product-container .product-section .section-shujia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
}

.home-section-product .product-container .product-section .section-shujia .section-shujia-inner {
    width: 180px;
    height: 30px;
    margin: 10px 16px;
    background: #f9fafc;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    float: right;
}

.home-section-product .product-container .product-section .title-strong {
    font-weight: bold;
    margin-right: 3px;
}

.home-section-product .product-container .product-section .section-content {
    padding: 8px;
}

.home-section-product .product-container .product-section .section-fold {
    height: 0;
}

.home-section-product .product-container .product-section .product-item-wrap {
    width: 33.3%;
    float: left;
}

.home-section-product .product-container .product-section .product-item {
    background: #f9fafc;
    height: 40px;
    line-height: 40px;
    margin: 8px;
    padding-left: 20px;
    display: block;
    color: #333;
    text-decoration: none;
}

.home-section-product .product-container .product-section .product-item:hover {
    background: #eaedf1;
}

.home-section-product .product-container .product-section .product-item .item-icon {
    color: #546478;
    font-size: 14px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.home-section-product .product-container .product-section .product-item .item-data {
    margin-left: 8px;
}

.home-section-product .product-container .product-section .product-item .item-count {
    color: #0066cc;
}

.home-section-product .product-container .product-section .product-col {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
}

.home-section-product .product-container .product-section .product-col.product-col-4 {
    width: 25%;
}

.home-section-product .product-container .product-section .product-col .product-category {
    padding: 10px 0;
}

.home-section-product .product-container .product-section .product-col .product-category .category-title {
    margin: 3px 0 6px 15px;
    color: #999;
    font-weight: 600;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li {
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    -o-transition: all 0.12s, 0.12s;
    -moz-transition: all 0.12s, 0.12s;
    -webkit-transition: all 0.12s, 0.12s;
    position: relative;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li a {
    color: #333;
    text-decoration: none;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li:hover {
    background: #f7f7f7;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li:hover .product-opt-wrap {
    display: block;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li:hover .category-icon {
    color: #333;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .category-icon {
    font-size: 16px;
    color: #666;
    vertical-align: text-bottom;
    padding-right: 8px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 80px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap .dropdown-menu {
    top: 40px;
    z-index: 1;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    min-width: 120px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap .dropdown-menu>li {
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap .dropdown-menu>li a {
    padding: 6px 10px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap.open .product-opt {
    background: #fff;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt-wrap.open .product-opt .product-opt-icon {
    color: #333;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt {
    display: inline-block;
    height: 30px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    margin: 5px 5px 5px 0;
    font-size: 20px;
    text-decoration: none;
    width: 32px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt:hover .product-opt-icon {
    color: #333;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt .product-opt-icon {
    display: block;
    float: left;
    height: 100%;
    line-height: 26px;
    text-align: center;
    color: #999;
    width: 30px;
}

.home-section-product .product-container .product-section .product-col .product-category ul>li .product-opt .caret {
    margin-top: 12px;
    margin-right: 4px;
    color: #666;
    float: left;
}

.home-section-product .section-foot {
    display: none;
}

.home-section-trends {
    padding: 20px;
}

.home-section-user {
    position: relative;
}

.home-section-user .part-header {
    width: 180px;
    height: 100%;
    background: #f9fafc;
    position: absolute;
    top: 0;
    left: 0;
}

.home-section-user .user-header {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 36px auto 0;
}

.home-section-user .user-header img {
    border-radius: 25px;
    display: block;
}

.home-section-user .user-header .user-level {
    position: absolute;
    padding: 0px 4px;
    background: #f90;
    border-radius: 4px;
    color: #fff;
    line-height: 13px;
    left: 14px;
    bottom: 0;
    left: 14px;
    margin-bottom: -6px;
}

.home-section-user .user-body-main {
    height: 60px;
}

.home-section-user .user-name {
    margin-top: 6px;
    text-align: center;
    font-size: 18px;
}

.home-section-user .user-name a span {
    letter-spacing: 0;
}

.home-section-user .user-yq {
    text-align: center;
    margin-top: 10px;
}

.home-section-user .user-yq .user-yq-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 15px;
    margin-right: 4px;
    background: url(../img/aliyun/yunqi.png) no-repeat;
}

.home-section-user .user-part-body {
    height: 100%;
    width: 100%;
    padding-left: 180px;
}

.home-section-user .user-part-body .user-body-title {
    margin: 6px 0 18px;
}

.home-section-user .user-part-account,.home-section-user .user-part-todo {
    float: left;
    width: 50%;
    height: 100%;
    padding: 30px 0 0 30px;
}

.home-section-user .user-part-todo .user-body-main .user-opt-gap {
    margin: 1px 16px;
}

.home-section-user .user-part-identity {
    position: absolute;
    right: 16px;
    top: 12px;
}

.home-section-user .user-balance,.home-section-user .user-renew {
    font-size: 30px;
    line-height: 24px;
    margin-bottom: 2px;
}

.home-section-user .user-balance .user-balance-small,.home-section-user .user-renew .user-balance-small {
    font-size: 16px;
}

.home-section-user .user-balance .user-small,.home-section-user .user-renew .user-small {
    font-size: 12px;
    margin-left: 4px;
    color: #999;
}

.home-section-user .user-balance-wrap {
    display: inline-block;
    vertical-align: top;
}

.home-section-user .user-creditpay {
    height: 60px;
    color: #666;
}

.home-section-user .user-creditpay .user-creditpay-title {
    display: block;
    margin-bottom: 4px;
}

.home-section-user .user-creditpay .user-creditpay-num {
    color: #09c;
    font-size: 16px;
}

.home-section-user .user-creditpay .user-creditpay-amount {
    position: relative;
    top: -16px;
}

.home-section-user .user-renew {
    display: inline-block;
    max-width: 120px;
}

.home-section-user .user-renew .user-balance-small:hover {
    color: #999;
}

.home-section-user .user-quanyi {
    display: inline-block;
    line-height: 24px;
}

.home-section-user .user-opt {
    line-height: 24px;
}

.home-section-user .user-opt-gap {
    height: 12px;
    width: 1px;
    display: inline-block;
    background: #d3d3d3;
    margin: 1px 8px;
    vertical-align: text-bottom;
}

.home-section-user .user-hot {
    font-size: 8px;
    color: #fff;
    background: #ff9900;
    border-radius: 3px;
    padding: 1px 2px;
    display: inline-block;
    line-height: 12px;
    vertical-align: text-bottom;
    text-align: center;
    margin-left: 3px;
}

.home-section-user .user-identity-finance {
    color: #d7ca99;
}

.home-section-user .user-1111 {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 10px;
    background: url(../img/aliyun/1111.png) 16px 2px no-repeat;
}

.home-section-user .user-1111 a {
    padding-left: 120px;
}

.home-dropdown-group:hover .group-list {
    display: block;
}

.home-dropdown-group:hover .group-title {
    border: 1px solid #09c;
    border-bottom: none;
    background: none;
    background: #f9fafb;
}

.home-dropdown-group a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    color: #333;
}

.home-dropdown-group .group-title {
    height: 30px;
    line-height: 30px;
    position: relative;
    border: 1px solid #fff;
    background: #fff;
    border-bottom: none;
    z-index: 1;
    cursor: pointer;
    padding: 0 10px;
    -webkit-user-select: none;
}

.home-dropdown-group .group-list {
    display: none;
    position: relative;
    z-index: 2;
    border: 1px solid #0099cc;
    border-top: none;
    margin-top: -1px;
    background: #f9fafb;
}

.home-dropdown-group .group-list .group-item {
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
}

.home-dropdown-group .group-list .group-item:hover {
    background: #f7f7f7;
}

.home-dropdown-group .group-list .group-item-last {
    border: none;
}

.home-mini-need-login {
    margin: 100px auto;
    width: 900px;
    height: 350px;
}

.home-mini-need-login .error-img {
    width: 360px;
    height: 240px;
    margin-left: 0;
}

.home-mini-need-login .error-msg {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    font-weight: 300;
    display: inline-block;
    margin-left: 36px;
}

.home-mini-need-login .error-msg .error-msg-title {
    font-size: 18px;
    line-height: 48px;
}

.home-no-auth .viewFramework-product-body {
    background: #fff;
}

.home-no-auth .home-no-auth-content {
    margin: 150px 0 0 150px;
    padding-left: 70px;
}

.home-no-auth .home-no-auth-content .home-no-auth-title {
    font-size: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    margin-left: -28px;
}

.partner-container {
    margin: 16px 16px 0 16px;
    background: #fff;
    height: 33px;
    overflow: hidden;
    position: relative;
}

.partner-container .partner-content {
    padding-left: 16px;
    float: left;
}

.partner-container .partner-content .partner-item {
    margin-right: 20px;
}

.partner-container .partner-info {
    width: 320px;
    float: right;
}

.partner-container .partner-info .partner-item {
    width: 50%;
    background: #f9fafb;
    border-left: 1px solid #eaedf1;
    text-align: center;
}

.partner-container .partner-item,.partner-container .partner-title {
    display: block;
    float: left;
    padding: 8px 0;
}

.partner-container .partner-more {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.home-section-service .product-item {
    width: 33%;
    display: inline-block !important;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.home-section-service .product-item a {
    color: #333;
    text-decoration: none;
}

.home-section-service .product-item>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.home-section-service .product-item:hover {
    background: #f7f7f7 !important;
}

.home-section-service .product-item:hover .product-opt-wrap {
    display: block;
}

.home-section-service .product-item:hover .category-icon {
    color: #333;
}

.home-section-service .product-item .category-icon {
    font-size: 16px;
    color: #666;
    vertical-align: text-bottom;
    padding-right: 8px;
}

.home-message-tip {
    position: fixed;
    z-index: 100;
    right: 40px;
    width: 220px;
    top: 65px;
}

.home-message-tip .tip-inner {
    padding: 10px;
    width: 100%;
    background: #00C1DE;
    color: #fff;
}

.home-message-tip .tip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -2px;
    left: 50%;
    transform: rotate(90deg);
    margin-top: -12px;
    border-right-color: #00C1DE;
    border-width: 12px 12px 12px 0;
}

.home-message-tip .tip-link {
    display: block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    margin: 0 auto;
    margin-top: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}

.home-message-tip .tip-link:hover {
    color: #00C1DE;
    background: #fff;
}

.home-notice-margin {
    margin: 16px 16px 0;
}

.home-alert {
    padding: 11px 12px;
    border: none;
    margin: 16px 16px 5px;
}

.home-section-community {
    margin-bottom: 24px;
}

.home-section-yundun {
    background: #fff;
}

.yundun-block {
    width: 50%;
    padding: 16px;
    float: left;
}

.yundun-block .yundun-block-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.yundun-block .yundun-block-content {
    height: 80px;
    padding: 12px;
    background: #f9fafc;
    position: relative;
}

.yundun-block .yundun-sas-notopen {
    max-width: 66%;
    position: absolute;
    top: 30px;
    padding: 5px;
}

.yundun-block .yundun-col-3 {
    width: 33%;
    float: left;
}

.yundun-block .yundun-col-2 {
    width: 50%;
    float: left;
}

.yundun-block .yundun-block-num {
    font-size: 20px;
    margin: 0 6px 0 8px;
}

.yundun-block p {
    margin: 10px 0 0 0;
}

.yundun-block .content-item {
    text-align: center;
}

.yundun-block .content-item-main {
    line-height: 28px;
    height: 28px;
}

.home-subaccount-link {
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
}

.home-section-prehelp {
    position: fixed;
    right: 16px;
    top: 59px;
    z-index: 999;
}

.home-section-account {
    height: 140px;
}

.home-section-account .title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eaeaea;
    font-size: 14px;
}

.home-section-account .content {
    padding: 10px 20px;
}

.home-section-account .level {
    height: 32px;
    line-height: 32px;
}

.home-section-account .todo-number {
    font-size: 22px;
    color: #333;
    margin-left: 10px;
}

.home-section-account .level-number {
    font-size: 22px;
    color: #333;
    margin: 0 8px;
}

.home-section-account a:hover {
    text-decoration: none;
}

.home-section-account .account-level {
    font-size: 12px;
    margin-left: 16px;
    color: #333;
}

.home-section-account .account-level-icon {
    display: inline-block;
    height: 34px;
    width: 34px;
    background: url("../img/aliyun/level.png") 50% 0 no-repeat;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.home-section-account .account-level-icon-text {
    position: absolute;
    top: 5px;
    left: 9px;
    text-align: center;
    color: #fff;
    height: 18px;
    width: 18px;
    line-height: 18px;
    font-weight: 400;
}

.home-section-wrap .nav {
    width: 100%;
    background: #f5f5f6;
    height: 45px;
    border-bottom: 1px solid #eaeaea;
}

.home-section-wrap .nav-tabs {
    border: none;
}

.home-section-wrap .nav-tabs li {
    border: none;
}

.home-section-wrap .nav-tabs li:after {
    content: "|";
    color: #EBECEC;
}

.home-section-wrap .nav-tabs li:last-child:after {
    content: "";
}

.home-section-wrap .nav-tabs li a {
    display: inline-block;
    border: none;
    border-bottom: 2px solid transparent;
    height: 45px;
    line-height: 45px;
    margin: 0 8px;
    padding: 0 8px;
    background: none;
    -webkit-transition: all 0s 0.1s;
    transition: all 0s 0.1s;
}

.home-section-wrap .nav-tabs li a:focus {
    background: none;
}

.home-section-wrap .nav-tabs li a:hover {
    border: none;
    border-bottom: 2px solid transparent;
    background: #f5f5f6;
    color: #00C1DE;
}

.home-section-wrap .nav-tabs li.active a,.home-section-wrap .nav-tabs li.active a:focus,.home-section-wrap .nav-tabs li.active a:hover {
    border: none;
    border-bottom: 2px solid #00C1DE;
    background: #f5f5f6;
    color: #00C1DE;
}

.home-section-wrap .tab-content {
    background: #fff;
}

.home-section-notice-v2 .tab-content {
    position: relative;
    height: 135px;
}

.home-section-notice-v2 .tab-content>.tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 320px;
}

.home-section-notice-v2 .tab-content>.tab-pane.active {
    display: block;
    visibility: visible;
    opacity: 1;
}

.home-section-notice-v2 .tab-content ul {
    list-style: square;
}

.home-section-notice-v2 .tab-content ul li {
    height: 24px;
    line-height: 24px;
}

.home-section-notice-v2 .tab-content ul li a {
    color: #666;
}

.home-section-module .section-head,.home-section-module .section-shujia {
    display: none;
}

.home-section-module .nav-tabs li a {
    font-size: 14px;
}

.home-section-consume {
    overflow: hidden;
    height: 400px;
}

.home-section-consume .home-section-user {
    width: 45%;
    float: left;
}

.home-section-consume .consume-part {
    width: 50%;
    padding-left: 40%;
    min-width: 400px;
}

.home-section-consume .user-part-body {
    padding-left: 0;
}

.home-section-consume .user-part-account {
    width: 100%;
    padding: 100px 0px 100px 40px;
}

.home-section-consume .home-consume-empty {
    margin-top: 105px;
    margin-left: 16px;
    float: left;
}

.home-section-consume .home-consume-empty a {
    display: block;
    width: 320px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #F2F2F2;
    background: #F9FAFC;
    margin-top: 16px;
}

.home-section-consume .home-consume-empty a:hover {
    background-color: #00C1DE;
    text-decoration: none;
    border: 1px solid #00C1DE;
    color: #fff;
}

.home-section-outlink {
    background: #fff;
}

.home-section-outlink ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
}

.home-section-outlink ul li a {
    padding-left: 16px;
}

.home-section-outlink ul li .icon-new {
    vertical-align: super;
    padding-left: 2px;
}

.home-code-1111 {
    position: fixed;
    right: 16px;
    bottom: 100px;
    width: 100px;
    height: 140px;
    border: 1px solid #ddd;
}

.home-code-1111 img {
    width: 100%;
    height: 100%;
}

.home-code-1111 .code-close {
    position: absolute;
    top: -20px;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #ccc;
    background: #ffffff;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
}

.home-1111-banner {
    width: 100%;
    height: 0;
    position: relative;
    z-index: 1;
    -o-transition: all 0.2s, 0.2s;
    -moz-transition: all 0.2s, 0.2s;
    -webkit-transition: all 0.2s, 0.2s;
    overflow: hidden;
}

.home-1111-banner.active {
    height: 60px;
}

.home-1111-banner .main-bg {
    position: relative;
    width: 1100px;
    height: 60px;
    margin: 0 auto;
    background: url(../img/aliyun/1111_banner.png) no-repeat;
    z-index: 2;
}

.home-1111-banner .main-bg .outlink {
    position: absolute;
    cursor: pointer;
    display: block;
    height: 60px;
    width: 140px;
    right: 110px;
    top: 0;
}

.home-1111-banner .main-bg .close {
    position: absolute;
    cursor: pointer;
    display: block;
    height: 60px;
    width: 60px;
    right: 0;
    top: 0;
}

.home-1111-banner .left-bg,.home-1111-banner .right-bg {
    position: absolute;
    top: 0;
    width: 50%;
    height: 60px;
    z-index: 1;
}

.home-1111-banner .left-bg {
    left: 0;
    background: #ff5714;
}

.home-1111-banner .right-bg {
    right: 0;
    background: #982aca;
}

.home-section-code {
    overflow: hidden;
    padding: 10px;
    background: #fff;
}

.home-section-code .code-normal {
    background: url("../img/aliyun/code-normal.png") 0 0 no-repeat;
    width: 110px;
    height: 110px;
    float: left;
}

.home-section-code .code-message {
    padding-top: 3px;
    margin-left: 10px;
    float: left;
}

.home-section-code .code-message p {
    margin: 0 0 3px;
}

.home-v2 a {
    color: #00C1DE;
}

.home-v2 .drcloud-link-container a {
    color: #fff;
}

.home-v2 .home-block-hover {
    background: #F5F5F6;
    border: 1px solid #F5F5F6;
    -o-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
}

.home-v2 .home-block-hover:hover {
    background: #fff;
    border: 1px solid #00c1de;
}

.home-v2 .home-section-product .product-container .product-section .section-content {
    height: 240px;
    overflow: hidden;
    padding: 0px;
    margin: 20px 10px;
}

.home-v2 .home-section-product .product-container .product-section.section-tile .section-content {
    height: auto;
}

.home-v2 .home-section-product .product-container .product-section .section-foot {
    display: block;
    border-top: 1px solid #eaeaea;
}

.home-v2 .home-section-product .product-container .product-section .section-foot .toggle-tile-btn {
    width: 160px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
}

.home-v2 .home-section-service .section-content {
    height: auto !important;
}

.home-v2 .home-section-product .product-container .product-section .product-col .product-category {
    padding: 10px 20px;
}

.home-v2 .home-section-product .product-container .product-section .product-col .product-category .category-title {
    color: #333;
    font-size: 14px;
    margin: 0 0 10px 0;
}

.home-v2 .home-section-product .product-container .product-section .product-col .product-category ul li {
    margin: 0;
    padding: 0;
    height: 26px;
    line-height: 26px;
    background: none;
}

.home-v2 .home-section-product .product-container .product-section .product-col .product-category ul li .category-icon {
    display: none;
}

.home-v2 .home-section-product .product-container .product-section .product-col .product-category ul li a:hover {
    text-decoration: underline;
}

.home-v2 .home-section-product .product-container .product-section .product-item:hover .category-icon {
    color: #fff;
}

.home-v2 .section-container {
    padding: 16px 16px;
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
}

.home-v2 .section-container .container-title {
    font-size: 14px;
    margin-bottom: 10px;
}

.home-v2 .home-section-security {
    height: 180px;
    overflow: hidden;
}

.home-v2 .home-section-security .security-left {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.home-v2 .home-section-security .security-right {
    width: 50%;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.home-v2 .home-section-security .item-vertical {
    width: 33%;
    height: 120px;
    padding-right: 10px;
    text-align: center;
    float: left;
}

.home-v2 .home-section-security .item-horizontal {
    width: 100%;
    height: 55px;
}

.home-v2 .home-section-security .item-content {
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.home-v2 .home-section-security .item-vertical .item-number {
    display: block;
    height: 60px;
    font-size: 32px;
    margin-top: 20px;
}

.home-v2 .home-section-security .item-vertical .item-text {
    display: block;
}

.home-v2 .home-section-security .item-horizontal {
    line-height: 55px;
    position: relative;
}

.home-v2 .home-section-security .item-horizontal .item-number {
    position: relative;
    font-size: 18px;
    display: inline-block;
    height: 100%;
    top: 0;
    margin: auto;
}

.home-v2 .item-text {
    display: inline-block;
    min-width: 60px;
    margin-left: 16px;
    float: left;
}

.home-v2 .item-unit {
    position: relative;
    color: #333;
    height: 100%;
    width: 16px;
    top: 0;
    margin: 0px 8px;
    float: right;
}

.home-v2 .home-section-undo .container-body {
    position: relative;
    text-align: center;
}

.home-v2 .home-section-security .sas-open-bg {
    margin: 0 auto;
    height: 120px;
    position: relative;
}

.home-v2 .home-section-security .sas-open-bg p {
    font-size: 16px;
    margin-left: 15%;
    color: #999999;
}

.home-v2 .home-section-security .sas-open-bg .sls-open-link-wrap {
    position: absolute;
    bottom: 12px;
    width: 100%;
}

.home-v2 .home-section-security .sas-open-bg .sls-open-link {
    display: block;
    margin: 0 auto;
    border: 1px solid #00c1de;
    width: 140px;
    text-decoration: none;
    padding: 4px 6px;
    text-align: center;
}

.home-v2 .home-section-security .sas-open-bg .sls-open-link:hover {
    color: #fff;
    background: #00c1de;
}

.home-v2 .home-section-undo {
    height: 180px;
    width: 100%;
}

.home-v2 .home-section-undo .undo-item {
    height: 38px;
    line-height: 38px;
    margin-bottom: 4px;
    display: block;
    text-decoration: none;
}

.home-v2 .home-section-undo .undo-item .item-text {
    width: 30%;
    color: #333;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.home-v2 .home-section-undo .undo-item .item-number {
    color: #00c1de;
    font-size: 18px;
}

.home-v2 .home-section-tow {
    height: 180px;
    width: 49%;
}

.home-v2 .item-number-grey {
    color: #00c1de;
}

.home-v2 .home-section-recent .recent-item {
    display: inline-block;
    width: 33.3%;
    margin-top: 4px;
}

.home-v2 .home-section-recent .recent-item:last-child .recent-item-inner {
    margin-right: 0;
}

.home-v2 .home-section-recent .recent-item-inner {
    margin-right: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.home-v2 .home-section-recent .recent-item-inner a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
}

.home-v2 .home-section-recent .oplog {
    font-size: 12px;
}

.home-v2 .home-section-recent .oplog a {
    color: #00C1DE;
}

.home-v2 .home-section-recent .oplog .oplog-icon {
    margin-left: 4px;
    font-size: 16px;
    color: #C9D0D4;
    vertical-align: text-bottom;
}

.home-v2 .home-section-recent .container-body {
    margin-bottom: 16px;
}

.home-v2 .home-section-rights {
    padding: 27px 16px;
}

.home-v2 .home-section-rights .rights-info {
    width: 50%;
}

.home-v2 .home-section-rights .rights-info .rights-item {
    height: 70px;
    border-radius: 35px;
    background: #F5F6FA;
    margin-bottom: 8px;
}

.home-v2 .home-section-rights .rights-info .rights-item:last-child {
    margin-bottom: 0px;
}

.home-v2 .home-section-rights .rights-info .rights-item img {
    border-radius: 30px;
    margin: 5px;
    border: none;
    width: 60px;
    height: 60px;
    float: left;
    display: block;
}

.home-v2 .home-section-rights .rights-info .rights-item .rights-bold {
    font-size: 14px;
    color: #666;
    float: left;
}

.home-v2 .home-section-rights .rights-info .rights-item a {
    color: #00C1DE;
}

.home-v2 .home-section-rights .rights-info .rights-item p {
    margin-bottom: 4px;
}

.home-v2 .home-section-rights .rights-info .rights-circle {
    width: 60px;
    height: 60px;
    margin: 5px;
    border-radius: 30px;
    background: #E4F9FC;
    border: 3px solid #00C1DE;
    text-align: center;
    line-height: 52px;
    font-size: 24px;
    color: #00C1DE;
}

.home-v2 .home-section-rights .rights-info .rights-circle-dashed {
    background: #FFF;
    color: #E0E0E0;
    border: 3px dashed #E0E0E0;
}

.home-v2 .home-section-rights .rights-info .level-number {
    padding: 0 2px;
}

.home-v2 .home-section-rights .rights-monthly {
    width: 50%;
    height: 220px;
}

.home-section-consume {
    height: 280px;
}

.home-section-consume a {
    color: #00C1DE;
}

.home-section-consume .consume-title {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #666;
}

.home-section-consume .consume-summary {
    width: 50%;
    padding: 32px 8px 32px 16px;
}

.home-section-consume .consume-summary .summary-part-left {
    width: 50%;
    padding-right: 4px;
}

.home-section-consume .consume-summary .summary-part-right {
    width: 50%;
    padding-left: 4px;
}

.home-section-consume .consume-summary .summary-balance {
    height: 100px;
    background: #F5F5F6;
}

.home-section-consume .consume-summary .summary-balance .balance-title {
    color: #666;
    padding: 12px 0 0 20px;
}

.home-section-consume .consume-summary .summary-balance .balance-number {
    font-size: 26px;
    color: #9B9EA0;
    text-align: center;
    margin-top: 12px;
    font-weight: 300;
}

.home-section-consume .consume-summary .summary-balance .balance-number-owe {
    font-size: 24px;
}

.home-section-consume .consume-summary .summary-recharge {
    display: block;
    height: 40px;
    width: 100%;
    background: #00C1DE;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

.home-section-consume .consume-summary .summary-recharge:hover {
    background: #33cde5;
}

.home-section-consume .consume-summary .summary-alarm {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}

.home-section-consume .consume-summary .summary-coupon {
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: left;
}

.home-section-consume .consume-summary .summary-coupon a {
    padding-left: 20px;
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.home-section-consume .consume-summary .summary-coupon a span {
    padding: 4px;
}

.home-section-consume .consume-summary .summary-coupon-card,.home-section-consume .consume-summary .summary-stored-card {
    margin-bottom: 10px;
}

.home-section-consume .consume-summary .consume-creditpay {
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    color: #666;
}

.home-section-consume .consume-summary .user-balance-owed {
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
}

.home-section-consume .consume-monthly {
    width: 50%;
    padding: 32px 16px 32px 8px;
}

.home-section-consume .consume-monthly .chart-item {
    height: 32px;
    line-height: 32px;
    position: relative;
    transition: all 0.2s, 0.2s;
    -o-transition: all 0.2s, 0.2s;
    -moz-transition: all 0.2s, 0.2s;
    -webkit-transition: all 0.2s, 0.2s;
}

.home-section-consume .consume-monthly .chart-item.active {
    height: 44px;
    line-height: 44px;
    margin-left: -8px;
}

.home-section-consume .consume-monthly .chart-item.active .month {
    font-size: 14px;
}

.home-section-consume .consume-monthly .chart-item.active .cost-number {
    font-size: 18px;
    margin-left: 16px;
}

.home-section-consume .consume-monthly .chart-item .cost-number {
    margin-left: 16px;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.home-section-consume .consume-monthly .chart-item .cost-number-dark {
    color: #666;
}

.home-section-consume .consume-monthly .chart-item .month {
    position: absolute;
    right: 8px;
    top: 0;
    height: 100%;
    width: 40px;
    padding-left: 8px;
    color: #90A0AE;
    text-align: center;
}

.home-section-consume .consume-monthly .chart-item:nth-child(odd) {
    background: #f4f5f7;
}

.home-section-consume .consume-monthly .chart-item:nth-child(even) {
    background: #f9fafc;
}

.home-section-consume .consume-monthly .chart-item-bg {
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 100%;
    top: 0;
    left: 0;
}

.home-section-consume .consume-monthly .chart-item-bg-1 {
    background: #2c3ffb;
}

.home-section-consume .consume-monthly .chart-item-bg-2 {
    background: #00c1de;
}

.home-section-consume .consume-monthly .chart-item-bg-3 {
    background: #318fff;
}

.home-section-consume .consume-monthly .chart-item-bg-4 {
    background: #00cdff;
}

.home-section-consume .consume-monthly .monthly-zero {
    background: #F5F5F6;
}

.home-section-consume .consume-monthly .monthly-zero .zero-body {
    height: 100px;
}

.home-section-consume .consume-monthly .monthly-zero .zero-foot {
    height: 40px;
    background-color: #EBECEC;
    line-height: 40px;
    text-align: center;
}

.home-section-consume .consume-monthly .monthly-zero .zero-title {
    color: #666;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
}

.home-section-consume .consume-monthly .monthly-zero .zero-number {
    font-size: 26px;
    color: #9B9EA0;
    text-align: center;
    font-weight: 300;
}

.home-section-information {
    margin: 16px 8px;
}

.home-section-information .information-custom-btn {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px dashed #C7C7C7;
    color: #999;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.home-section-information .information-custom-btn:hover {
    color: #00c1de;
    border: 1px dashed #00c1de;
}

.information-custom-list .information-custom-item {
    width: 320px;
    margin: 0 0 16px 0;
}

.information-custom-list .information-custom-item .item-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 16px;
    background: #F5F5F6;
    border-bottom: 1px solid #F2F2F2;
    font-size: 14px;
    color: #666666;
}

.information-custom-list .information-custom-item .item-body {
    height: 135px;
    background: #fff;
    padding: 16px;
}

.information-custom-list .information-custom-item .item-body a {
    display: block;
}

.information-custom-list .information-custom-item .item-body .single-info {
    color: #666;
    height: 24px;
    line-height: 24px;
}

.information-custom-list .information-custom-item .item-body .single-info a {
    color: #666;
}

.information-custom-list .information-custom-item .item-body .single-info-type {
    font-weight: bold;
}

.information-custom-list .information-custom-item .item-body .more {
    margin-top: 10px;
}

.home-section-information-dialog .modal-dialog {
    width: 720px;
}

.home-section-information-dialog .modal-content {
    border: none;
}

.home-section-information-dialog .modal-header,.home-section-information-dialog .modal-footer {
    padding: 18px;
    border: none;
    background: #F5F5F6;
}

.home-section-information-dialog .btn {
    min-width: 86px;
}

.home-section-information-dialog .btn-default {
    color: #00C1DE;
    border: 1px solid #00C1DE;
}

.home-section-information-dialog .modal-body {
    min-height: 350px;
}

.home-section-information-dialog .information-custom-list .information-custom-item {
    display: inline-block;
    margin: 0 8px 16px;
    position: relative;
    vertical-align: middle;
}

.home-section-information-dialog .information-custom-list .information-custom-item .item-selected {
    position: absolute;
    top: 13px;
    right: 13px;
    height: 16px;
    width: 16px;
    border: 1px solid #00C1DE;
    color: #00C1DE;
    background: #fff;
}

.home-section-information-dialog .information-custom-list .information-custom-item .item-selected .icon-yes {
    display: none;
    font-size: 14px;
}

.home-section-information-dialog .information-custom-list .information-custom-item .item-selected.selected .icon-yes {
    display: block;
}